<div class="left-navbar">
	<div class="module">
		<div class="navbar-header">
			<span class="navbar-brand">Opciones</span>
		</div>
		<div>
			<ul class="nav nav-pills nav-stacked">
				<li ng-class="{active: isState('colegio.info')}"><a href=""
					ui-sref="colegio.info">Información</a></li>
				<li ng-class="{active: isState('colegio.usuarios')}"><a href=""
					data-toggle="dropdown">Usuarios<i
						class="glyphicon glyphicon-chevron-right pull-right"></i>
				</a>
					<ul class="dropdown-menu menu-to-right" role="menu">
						<li ng-class="{active: isState('colegio.usuarios.coordinadores')}"><a
							href="" ui-sref="colegio.usuarios.coordinadores">Coordinadores</a></li>
						<li ng-class="{active: isState('colegio.usuarios.secretarios')}"><a
							href="" ui-sref="colegio.usuarios.secretarios">Secretarios</a></li>
						<li ng-class="{active: isState('colegio.usuarios.profesores')}"><a
							href="" ui-sref="colegio.usuarios.profesores">Profesores</a></li>

					</ul></li>
				<li ng-class="{active: isState('colegio.ofertaAcademica')}"><a
					href="" data-toggle="dropdown">Oferta académica<i
						class="glyphicon glyphicon-chevron-right pull-right"></i></a>
					<ul class="dropdown-menu menu-to-right" role="menu">
						<li ng-class="{active: isState('colegio.ofertaAcademica.grados')}"><a
							href="" ui-sref="colegio.ofertaAcademica.grados">Grados</a></li>
						<li ng-class="{active: isState('colegio.ofertaAcademica.materias')}"><a href="" ui-sref="colegio.ofertaAcademica.materias">Materias</a></li>
					</ul></li>
			</ul>
		</div>
	</div>
</div>
<div class="main-content" ui-view></div>
